<template>
	<view style="padding: 30rpx;">
		<view style="background-color: #fff;border-radius: 16rpx;">
			<u-cell-item v-if="order.orderStatus==sysConstant.PRE_ORDER_STATUS" :value-style="{'color':'#fa3534'}"
				title="评审状态" value="预审中" :arrow="false" hover-class="none"></u-cell-item>
			<u-cell-item v-if="order.orderStatus==sysConstant.ING_ORDER_STATUS" :value-style="{'color':'#ff9900'}"
				title="评审状态" value="评审中" :arrow="false" hover-class="none"></u-cell-item>
			<u-cell-item v-if="order.orderStatus==sysConstant.FINISH_ORDER_STATUS" :value-style="{'color':'#19be6b'}"
				title="评审状态" value="已完成" :arrow="false" hover-class="none"></u-cell-item>

		</view>
		<view style="background-color: #fff;border-radius: 16rpx;margin: 20rpx 0;padding: 30rpx;font-size: 30rpx;">
			<view >	
				<!-- <view style="font-size: 32rpx;">{{res.itemName}}</view> -->
				<view style="">
					单位名称：<text style="color: #999;">{{order.govUnitName | dateFormat}}</text>
				</view>
				<view style="margin-top: 15rpx;">
					项目名称：<text style="color: #999;">{{order.itemName | dateFormat}}</text>
				</view>
				<view style="margin-top: 15rpx;">
					资金来源：<text style="color: #999;">{{order.moneyFrom | dateFormat}}</text>
				</view>
				<view style="margin-top: 15rpx;">
					是否划分标段：<text style="color: #999;">{{order.divideIntoSections | dateFormat}}</text>
				</view>
				<view style="margin-top: 15rpx;">
					项目送审金额：<text style="color: #999;">{{order.submissionAmount | textFormat}}</text>
				</view>
				<view style="margin-top: 15rpx;">
					实际审核金额：<text style="color: #999;">{{order.actualAuditedAmount | textFormat}}</text>
				</view>
				<view style="margin-top: 15rpx;">
					项目审定金额：<text style="color: #999;">{{order.approvedAmount | textFormat}}</text>
				</view>
				<view style="margin-top: 15rpx;">
					项目审减金额：<text style="color: #999;">{{order.projectAuditReductionAmount | textFormat}}</text>
				</view>
				<view style="margin-top: 15rpx;">
					审减率：<text style="color: #999;">{{order.reductionRate | rateFormat}}</text>
				</view>
				<view style="margin-top: 15rpx;">
					预审送审时间：<text style="color: #999;">{{order.preStartTime | dateFormat}}</text>
				</view>
				<view style="margin-top: 15rpx;">
					预审完成时间：<text style="color: #999;">{{order.preEndTime | dateFormat}}</text>
				</view>
				<view style="margin-top: 15rpx;">
					正式送审时间：<text style="color: #999;">{{order.reviewStartTime | dateFormat}}</text>
				</view>
				<view style="margin-top: 15rpx;">
					征求意见时间：<text style="color: #999;">{{order.takeAdviceTime | dateFormat}}</text>
				</view>
				<view style="margin-top: 15rpx;">
					评审完成时间：<text style="color: #999;">{{order.reviewEndTime | dateFormat}}</text>
				</view>
			
			</view>
		</view>
		<view style="background-color: #fff;border-radius: 16rpx;padding: 30rpx;">
			<!-- <u-cell-item title="所在阶段说明" :label="order.notes" :arrow="false" hover-class="none"></u-cell-item> -->
			<view style="margin-top: 10rpx;">
				<view style="margin-bottom: 10rpx;">所在阶段说明</view>
				<view style="color: #999;">{{order.notes}}</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				orderId: '',
				order: '',
				sysConstant: this.sysConstant
			}
		},
		filters: {
			textFormat(value) {
				if (!value) return '----';
				return value.toFixed(2)+"万元"
			},
			dateFormat(value) {
				if (!value) return '----';
				return value
			},
			rateFormat(value) {
				if (!value) return '----';
				return value + "%"
			}
		},
		onLoad(opt) {
			this.orderId = opt.orderId
			this.initOrderInfo()
		},
		methods: {
			initOrderInfo() {
				this.$u.get("/review/order/info/" + this.orderId).then(res => {
					if (res.success) {
						this.order = res.data
					}
				})
			}
		}
	}
</script>

<style>
page{
	background-color: #a0cfff;
}
</style>